<template>
  <div class="container">
    <!-- <h1 v-if="error.statusCode === 404">页面不存在</h1>
    <h1 v-else>应用发生错误异常</h1> -->
    <div class="container-wrap">
      <img src="../assets/images/404.png">
      <div class="container-btn">
          <nuxt-link to="/">返回首页</nuxt-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // props:['error'],
  // layout:''
  beforeDestroy(){  //离开
    document.getElementsByTagName("body")[0].style.background = '#f4f4f4'
  },
  mounted() {//进入
    document.getElementsByTagName("body")[0].style.background = '#fff'
    // this.initKline()
  },
}
</script>
<style scoped>
  .container{ width: 100%; position: absolute;left:50%; top:50%;}
  .container-wrap{ width: 349px;height:296px; user-select: none;position:absolute;left:-174.5px; top:-148px;}
  .container-wrap img{ width: 349px; height: 206px;}
  .container-btn{background: #ff8c60;width: 100px; height: 30px; line-height: 30px;border-radius: 20px; margin: 0 auto;text-align: center; cursor: pointer; margin-top: 60px;}
  .container-btn a{color: #fff;font-size: 12px;}
  .container-btn:hover{opacity:.8;}
</style>
